<template>
    <div class="home">
        <van-tabs v-model="active">
            <van-tab>
                <van-card
                        title="标题"
                        desc="描述"
                        num="2"
                        price="2.00"
                        :thumb="imageURL"
                >
                    <div slot="footer">
                        <van-button size="mini">按钮1</van-button>
                        <van-button size="mini">按钮</van-button>
                    </div>
                </van-card>
                <van-card
                        title="标题"
                        desc="描述"
                        num="2"
                        price="2.00"
                        :thumb="imageURL"
                >
                    <div slot="footer">
                        <van-button size="mini">按钮1</van-button>
                        <van-button size="mini">按钮</van-button>
                    </div>
                </van-card>
                <van-card
                        title="标题"
                        desc="描述"
                        num="2"
                        price="2.00"
                        :thumb="imageURL"
                >
                    <div slot="footer">
                        <van-button size="mini">按钮1</van-button>
                        <van-button size="mini">按钮</van-button>
                    </div>
                </van-card>
                <van-card
                        title="标题"
                        desc="描述"
                        num="2"
                        price="2.00"
                        :thumb="imageURL"
                >
                    <div slot="footer">
                        <van-button size="mini">按钮1</van-button>
                        <van-button size="mini">按钮</van-button>
                    </div>
                </van-card>
            </van-tab>
        </van-tabs>
    </div>
</template>
<script>
    export default {
        name: 'home',
        data(){
            return {
                tabList:[
                    {title:'全部'},
                    {title:'待发货'},
                    {title:'退款中'},
                    {title:'已退款'},
                ],
                active:0,
                imageURL:'https://img.alicdn.com/tps/i4/TB1XAzQJH9YBuNjy0FgSuwxcXXa.jpg_240x240q90.jpg'
            }
        }
    }
</script>
